<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>调整分量顺序列表</title>
		<script src="js/global.js"></script>
	</head>

	<body>
		<!-- 表单搜素 -->
		<div class="layui-form-item">
			<form class="layui-form">
			<div class="layui-inline">
				<label class="layui-form-label">是否分配</label>
				<div class="layui-input-inline" style="width: 100px;">
					<select name="isConfig" id="isConfig" autocomplete="off" placeholder="请输入性别" class="layui-select">
						<option value="">请选择</option>
						<option value="1">是</option>
						<option value="0">否</option>
					</select>
				</div>
			</div>
			<input type="button" class="layui-btn" id="souBtn" value="搜索" />
			</form>
		</div>

		<!-- 表格容器 -->
		<table id="demo" lay-filter="test"></table>

		<!-- 表格的行内工具条 -->
		<script type="text/html" id="barDemo2">
			<a class="layui-btn layui-btn-xs" lay-event="detail"><i class="layui-icon">&#xe642;</i>修改权重</a>
		</script>


		<!-- 修改的弹窗 -->
		<div id="xiugaichuang" style="display: none">
			<form class="layui-form" onsubmit="return false" id="xiugaiForm" lay-filter="xiugaiForm">
				<div class="layui-form-item">
					<label class="layui-form-label">权重</label>
					<div class="layui-input-inline">
						<input type="text" name="weight" placeholder="请输入" autocomplete="off" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label"></label>
					<div class="layui-input-inline">
						<button class="layui-btn" lay-submit lay-filter="xiugaibtn"><i class="layui-icon">&#xe605;</i>修改</button>
						<button type="reset" class="layui-btn layui-btn-primary"><i class="layui-icon">&#x1006;</i>重置</button>
					</div>
				</div>
				<!--  修改的表单中，需要放一个 隐藏域，用来储存id-->
				<input type="hidden" name="id" />

			</form>
		</div>

		
		<!-- 脚本代码部分 -->
		<script>
			layui.use(['form', 'layer', 'table'], function() {
				var form = layui.form;
				var table = layui.table;
				var layer = layui.layer;
				var $ = layui.$;

				//渲染表格
				table.render({
					elem: '#demo', //指定原始表格元素选择器（推荐id选择器）
					page: true, //开启分页
					url: globalData.server + 'user/getZiXunShiList', //数据接口
					where: {
						token: globalData.getToken()
					},
					method: "post",
					toolbar: '#barDemo1',
					//limit:2,
					cols: [
						[ //标题栏
							{
								checkbox: true
							}, {
								field: 'id',
								title: '咨询师编号',
								sort: true,
								width: 120
							}, {
								field: 'loginName',
								title: '咨询师名称',
								sort: true,
								width: 120
							},{
								field: 'qiandaoState',
								title: '签到状态',
								width: 120
							},{
								field: 'weight',
								title: '权重',
								width: 120
							}, {
								field: 'isConfig',
								title: '是否分配学生',
								width: 120,
								 templet:function(d){
		                        if(d.isConfig=="0"){
		                            return "已分配"
		                        }else{
		                            return "待分配"
		                        }
                    }
							}, {
								field: 'remark',
								title: '备注',
								width: 120
							}, {
								toolbar: '#barDemo2',
								title: '操作'
							}
						]
					]
				});
				//渲染表格--end

				//搜索按钮的单击事件
				$("#souBtn").click(function() {
					//判断 区间的数据合理性
					if($("#min").val() > $("#max").val()) {
						alert("最高值不得高于起始值");
						return; //结束函数，下面的重载不会再执行
					}

					//表格重载
					table.reload('demo', {
						where: {
							isConfig: $("#isConfig").val(),
							min: $("#min").val(),
							max: $("#max").val()
						}
					});
				});
				//搜索按钮的单击事件-end

				//监听行内工具条
				table.on('tool(test)', function(obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
					var data = obj.data; //获得当前行数据
					var layEvent = obj.event; //获得 lay-event 对应的值
					var tr = obj.tr; //获得当前行 tr 的DOM对象

					if(layEvent === 'detail') { //查看
						console.log(data)
						//数据展示在表单中
						form.val('xiugaiForm', data);
						//弹窗
						layer.open({
							title: "您正在修改咨询师权重信息",
							type: 1,
							area: ['800px', '600px'],
							content: $('#xiugaichuang')
						});
					}
				});
				//监听行内工具条---end

				//修改提交的监听
				form.on('submit(xiugaibtn)', function(data) {
					var url = globalData.server + "user/updateZiXunShiWeight?token=" + globalData.getToken();
					$.post(url, data.field, function(res) {
						layer.alert(res.msg, {
							icon: 1
						}, function() {
							layer.closeAll(); //关闭所有的窗口
							table.reload('demo', {}); //表格重载
						});
					}, "json");

					return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
				});
				//修改提交的监听--end

			});
		</script>

	</body>

</html>